<template>
    <div class="about-page">
        <div class="about-content" v-html="html">
            
        </div>
    </div>
</template>

<script>


export default {

    props:{
        indexData:{
            type:Object
        }
    },
    data(){
        return{
            total:null,
            input:'',
            html:''
        }
    },
    created(){
        if(this.indexData.educationNewsList){
            this.html = this.indexData.webSiteSetings.aboutUs.replace(/<img/g,"<img style='max-width:100%;height:auto;'");
            

        }
    },
    mounted(){
      
    },
    watch:{
        indexData(val,old){
            if(val.educationNewsList){
                this.html = val.webSiteSetings.aboutUs;
            }
        }
    },
    methods:{
        handleClick(tab, event) {
            console.log(tab, event);
        },
        goPage(){

        },
        goContent(){

        },
        pageChange(index){
            
        }
    }
}
</script>

<style lang="less">
    .about-page{
        .about-content{
            width:1250px;
            margin:0 auto;
            margin-top:30px;
            min-height:500px;
            img{
                max-width:100%;
            }
        }
    }


</style>
